<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/commons/tags.jsp"%>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>工作流流程处理案例-系统登录</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<link href='http://fonts.useso.com/css?family=Open+Sans:400,700'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css"
	href="${cx}/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet"
	href="${cx}/lib/font-awesome/css/font-awesome.css">

<script src="${cx}/lib/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="${cx }/lib/jquery.validate.min.js"></script>


<link rel="stylesheet" type="text/css"
	href="${cx}/stylesheets/theme.css">
<link rel="stylesheet" type="text/css"
	href="${cx}/stylesheets/premium.css">
<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}

.error {
	color: red
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	color: #fff;
}
</style>
</head>
<body class=" theme-blue">

	<!-- Demo page code -->

	<script type="text/javascript">
		$(function() {
			var match = document.cookie.match(new RegExp('color=([^;]+)'));
			if (match)
				var color = match[1];
			if (color) {
				$('body').removeClass(function(index, css) {
					return (css.match(/\btheme-\S+/g) || []).join(' ')
				})
				$('body').addClass('theme-' + color);
			}

			$('[data-popover="true"]').popover({
				html : true
			});

		});
	</script>


	<script type="text/javascript">
		$(function() {
			var uls = $('.sidebar-nav > ul > *').clone();
			uls.addClass('visible-xs');
			$('#main-menu').append(uls.clone());
		});

		$(function() {
			$("#loginForm").validate({
				rules : {
					username : "required",
					password : "required"
				},
				messages : {
					username : "请输入登录账号",
					password : "请输入登录密码"
				}
			});
		});
	</script>

	<!-- Le fav and touch icons -->
	<link rel="shortcut icon" href="../assets/ico/favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="144x144"
		href="../assets/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114"
		href="../assets/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72"
		href="../assets/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed"
		href="../assets/ico/apple-touch-icon-57-precomposed.png">


	<div class="navbar navbar-default" role="navigation">
		<div class="navbar-header">
			<a class="" href="index.html"><span class="navbar-brand"><span
					class="fa fa-paper-plane"></span> 工作流程管理系统</span></a>
		</div>

		<div class="navbar-collapse collapse" style="height: 1px;"></div>
	</div>
	<div class="dialog">
		<div class="panel panel-default">
			<p class="panel-heading no-collapse">[工作流程管理系统]会员登录</p>
			<div class="panel-body">
				<spring:form id="loginForm" method="post" action="${cx }/sys/login"
					modelAttribute="user">
					<div class="form-group">
						<label>账号：</label>
						<spring:input path="username" class="form-control span12" />
					</div>
					<div class="form-group">
						<label>密码：</label>
						<spring:input path="password"
							class="form-control span12 form-control" />
					</div>
					<span style="color: red"> <spring:errors path="username"></spring:errors>
					</span>
					<input type="submit" value="登录" class="btn btn-primary pull-right" />
					<!-- <label class="remember-me"><input type="checkbox"> Remember me</label> -->
					<div class="clearfix"></div>
				</spring:form>
			</div>
		</div>
		<p class="pull-right" style="">
			<a href="${cx }/sys/regist"
				style="font-size: .75em; margin-top: .25em;">注册新用户</a>
		</p>
		<p>
			<a href="reset-password.html">忘记密码了?亲，点这里</a>
		</p>
	</div>



	<script src="${cx}/lib/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript">
		$("[rel=tooltip]").tooltip();
		$(function() {
			$('.demo-cancel-click').click(function() {
				return false;
			});
		});
	</script>


</body>
</html>
